<!DOCTYPE html>
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="description" content="">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="cleartype" content="on">

        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
        <link rel="shortcut icon" href="img/touch/apple-touch-icon.png">

        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
        <meta name="msapplication-TileColor" content="#222222">


        <!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
        <!--
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="">
        -->

        <!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
        <!--
        <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
        -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>

        <!-- JQUERY MOBILE -->
        <link rel="stylesheet" href="js/libs/jquery.mobile/jquery.mobile.css" />
        <script src="js/libs/jquery.mobile/jquery.min.js"></script>
        <script src="js/libs/jquery.mobile/jquery.mobile.min.js"></script>

        <!-- CSS -->
        <link rel="stylesheet" href="css/layout.css" />
        <link rel="stylesheet" href="css/service.css" />
    </head>
    <body>

        <!-- Home -->
        <div data-role="page" id="full-service">
            <div data-theme="a" data-role="header" data-position="fixed" id="header">
                <h3 class="title">Movers</h3>
                <span class="baseline">Déménagez malin, faites vous des copains.</span>
            </div>
            <div data-role="content" class="content">
                <h1>Lorem ipsum</h1>
                <ul class="informations">
                    <li class="timestamp"><span class="label">Annonce publiée le : </span><span>11/03/2013</span></li>
                    <li class="category"><span class="label">Catégorie : </span><span>Lorem ipsum</span></li>
                    <li class="author"><span class="label">Helper : </span><span>Thomas Dupsuis</span></li>
                </ul>
                <p class="description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nunc et nisi rutrum volutpat. Cras ac velit lorem, ultricies elementum sapien. Aenean odio dolor, tincidunt vitae sodales in, gravida ac mi. Proin eu felis magna. Suspendisse egestas malesuada tellus, vel condimentum tortor suscipit ac. Curabitur malesuada, nisl sit amet dictum feugiat, ligula est fermentum libero, et lacinia sapien quam non est. Proin interdum, sem et bibendum semper, dui justo iaculis libero, bibendum congue augue mi nec enim. Nunc iaculis tincidunt erat id venenatis. Vestibulum sit amet lacus nisl.

                    Praesent imperdiet pellentesque justo eget tincidunt. Cras risus sem, consequat et gravida vel, ornare quis dolor. Mauris fermentum molestie nisl, non placerat felis elementum nec. Aenean nisi lectus, posuere porta hendrerit id, condimentum non diam. Aenean congue gravida tellus eu vestibulum. Pellentesque eget eros id lorem pellentesque viverra. Proin vitae urna metus. Etiam ac metus quam, vitae porta libero. Vestibulum ut mauris in nulla congue suscipit. Proin ultricies rhoncus ipsum, congue tempus leo facilisis ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis velit est, sit amet consequat diam. Donec ac lacus dolor. Nam id enim in leo consectetur sagittis nec in augue. Duis sapien nibh, consectetur vitae porta eget, sagittis in nisi. Donec consectetur, quam ut ultricies sollicitudin, lacus dolor volutpat est, a feugiat urna tellus et tellus.
                </p>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed" id="footer">
                <a class="button" data-corners="false" data-shadow="false" data-iconshadow="false" href="index.html" data-transition="reverse slide">Revenir à l'accueil</a>
            </div>
        </div>

        <script src="js/vendor/zepto.min.js"></script>
        <script src="js/helper.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <!--<script>
            var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
            g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
            s.parentNode.insertBefore(g,s)}(document,"script"));
        </script>-->
    </body>
</html>
